<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/10/5
  Time: 22:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/css/index/index.css  ">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/css/luck.css">
</head>
<style>
    .keshi img {
        box-shadow: 10px 10px 10px rgba(0, 0, 0, .15);
    }

    .footer {
        background: url(<%=request.getContextPath()%>/imgs/foot.jpg) no-repeat center;
        background-size: cover;
        font-size: 12px;
        height: 200px;
    }

    .romve {
        padding-top: 40px;
        margin-left: 200px;
        color: white;
    }
</style>

<body style="background-color: rgba(3, 168, 83,.15)">
<%@ include file="../nav/nav.jsp" %>
<!--轮播 - banner - begin-->
<div class="container">
    <div class="row">
        <div id="myCarousel" class="carousel slide" data-ride="carousel">
            <!-- 轮播（Carousel）指标 -->
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
            </ol>

            <!-- 轮播（Carousel）项目 -->
            <div class="carousel-inner">
                <div class="item active">
                    <img src="<%=request.getContextPath()%>/imgs/hshow.jpg" alt="First slide">
                </div>
                <div class="item">
                    <img src="<%=request.getContextPath()%>/imgs/hshow 1.jpg" alt="Second slide">
                </div>
                <div class="item">
                    <img src="<%=request.getContextPath()%>/imgs/hshow 2.jpg" alt="Third slide">
                </div>
            </div>
            <!-- 轮播（Carousel）导航 -->
            <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>
</div>
<br>
<br>
<div class="container">
    <div class="row">
        <div class="Service-box">
            <div class="Service-content clearfix">
                <a href="<%=request.getContextPath()%>/reg/in" class="Service-item">
                    <div class="item-image">
                        <img src="<%=request.getContextPath()%>/imgs/挂号.png" alt="">
                    </div>
                    <h3 class="item-title">预约挂号</h3>
                    <div class="item-text">一分钟快速完成挂号</div>
                    <span class="item-link">立即挂号</span>
                </a>
                <a href="<%=request.getContextPath()%>/firstdep/dep" class="Service-item">
                    <div class="item-image">
                        <img src="<%=request.getContextPath()%>/imgs/导航.png" alt="">
                    </div>
                    <h3 class="item-title">科室导航</h3>
                    <div class="item-text">快速查询科室所在楼层</div>
                    <span class="item-link">我要查询</span>
                </a>
                <a href="<%=request.getContextPath()%>/man" class="Service-item">
                    <div class="item-image">
                        <img src="<%=request.getContextPath()%>/imgs/症状自查.png" alt="">
                    </div>
                    <h3 class="item-title">症状自查</h3>
                    <div class="item-text">哪里不舒服点哪里</div>
                    <span class="item-link">立即自查</span>
                </a>
                <a href="<%=request.getContextPath()%>/index/mapTurn" class="Service-item">
                    <div class="item-image">
                        <img src="<%=request.getContextPath()%>/imgs/定位.png" alt="">
                    </div>
                    <h3 class="item-title">定位服务</h3>
                    <div class="item-text">快速查询医院与您的距离及路线</div>
                    <span class="item-link">即刻定位</span>
                </a>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <h3>常见科室</h3>
        <br>
        <br>
        <div style="margin-left:40px;" class="keshi">
            <div class="col-md-3">
                <a href="<%=request.getContextPath()%>/doctor?fid=1&sid=4"><img src="<%=request.getContextPath()%>/imgs/t1.png" alt="加载失败" style="width:300px;"></a>
            </div>
            <div class="col-md-9">
                <div style="margin-left: 100px; ">
                    <a href="<%=request.getContextPath()%>/doctor?fid=1&sid=1"><img src="<%=request.getContextPath()%>/imgs/t2.png" alt="加载失败" style="width:125px;"></a>
                    <a href="<%=request.getContextPath()%>/doctor?fid=8&sid=18"><img src="<%=request.getContextPath()%>/imgs/t3.png" alt="加载失败" style="width:125px; margin-left: 50px;"></a>
                    <a href="<%=request.getContextPath()%>/doctor?fid=2&sid=13"><img src="<%=request.getContextPath()%>/imgs/t4.png" alt="加载失败" style="width:125px; margin-left: 50px;"></a>
                    <a href="<%=request.getContextPath()%>/doctor?fid=6&sid=9"><img src="<%=request.getContextPath()%>/imgs/t6.png" alt="加载失败" style="width:125px; margin-left: 50px;"></a>
                </div>

                <div style="margin-left: 100px;margin-top: 50px;">
                    <a href="<%=request.getContextPath()%>/doctor?fid=2&sid=10"><img src="<%=request.getContextPath()%>/imgs/t5.png" alt="加载失败" style="width:125px;"></a>
                    <a href="<%=request.getContextPath()%>/doctor?fid=2&sid=12"><img src="<%=request.getContextPath()%>/imgs/t7.png" alt="加载失败" style="width:125px; margin-left: 50px;"></a>
                    <a href="<%=request.getContextPath()%>/doctor?fid=19&sid=26"><img src="<%=request.getContextPath()%>/imgs/t8.png" alt="加载失败" style="width:125px; margin-left: 50px;"></a>
                    <a href="<%=request.getContextPath()%>/doctor?fid=19&sid=28"><img src="<%=request.getContextPath()%>/imgs/t9.png" alt="加载失败" style="width:125px; margin-left: 50px;"></a>
                </div>
            </div>
        </div>
    </div>
</div>
<br>
<br>
<div class="container">
    <div class="row">
        <h3>医院资讯</h3>
        <br>
        <br>
        <div style="margin-left:60px;width: 300px; box-shadow: 10px 10px 10px rgba(0,0,0,.15);" class="col-md-4">
            <img src="<%=request.getContextPath()%>/imgs/x1.jpg" alt="" style="width: 300px;">
            <div style="background-color:white; height: 200px; width: 300px;">
                <div style="padding-top: 20px;padding-left: 20px;">
                    <h3>医院公告</h3>
                    <br>
                    <span>知医治上线,挂号更方便!</span>
                    <hr style="margin-bottom:10px;margin-top:10px">
                    <span>内科医生精英团队,全面剖析您的症状</span>
                    <hr style="margin-bottom:10px;margin-top:10px">
                    <span>宋宇莅临我院指导</span>
                </div>
            </div>
        </div>
        <div style="margin-left:60px;width: 300px; box-shadow: 10px 10px 10px rgba(0,0,0,.15);" class="col-md-4">
            <img src="<%=request.getContextPath()%>/imgs/x3.png" alt="" style="width: 300px;">
            <div style="background-color:white; height: 200px; width: 300px;">
                <div style="padding-top: 20px;padding-left: 20px;">
                    <h3>重大新闻</h3>
                    <br>
                    <span>建国70周年,喜迎国庆</span>
                    <hr style="margin-bottom:10px;margin-top:10px">
                    <span>新政策,医疗保险最高可申请报销99%</span>
                    <hr style="margin-bottom:10px;margin-top:10px">
                    <span>更多详情>></span>
                </div>
            </div>
        </div>
        <div style="margin-left:60px;width: 300px; box-shadow: 10px 10px 10px rgba(0,0,0,.15);" class="col-md-4">
            <img src="<%=request.getContextPath()%>/imgs/x2.jpg" alt="" style="width: 300px;">
            <div style="background-color:white; height: 200px; width: 300px;">
                <div style="padding-top: 20px;padding-left: 20px;">
                    <h3>医院文化</h3>
                    <br>
                    <span>知医治--挂号更便捷</span>
                    <hr style="margin-bottom:10px;margin-top:10px">
                    <span>查病更方便</span>
                    <hr style="margin-bottom:10px;margin-top:10px">
                    <span>更多详情>></span>
                </div>
            </div>
        </div>
    </div>
</div>
<br>
<br>
<!--底部地址栏begin-->
<%@ include file="../nav/foot.jsp"%>
<!--底部地址栏begin-->
<script src="<%=request.getContextPath()%>/plugins/jquery/jquery.min.js"></script>
<!--引入bootstrap的js文件-->
<script src="<%=request.getContextPath()%>/plugins/bootstrap/js/bootstrap.js"></script>
</body>